<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bootstrap UI Kit / Components">
<meta name="keywords" content="bootstrap ui kit, bootstrap components, html5 / css3 ui kit, web ui kit" />
<meta name="author" content="KingStudio.ro">

<!-- favicon -->
<link rel="icon" href="images/favicon.png">
<!-- page title -->
<title>King UI - Bootstrap UI & Components Kit</title>
<!-- bootstrap css -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- css -->
<link href="css/king-ui.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
<!-- fonts -->
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='fonts/FontAwesome.otf' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/linear-icons.css">
<link rel="stylesheet" href="css/custom.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>

<!-- your content here -->
	<!-- sliders -->
	<div id="sliders">
		<div class="full-width">
			<!-- dark slider -->
			<header id="dark-slider" class="header carousel slide"> 
				<!-- navbar --> 
				<div class="container">
					<nav class="navbar-1 navbar navbar-default-transparent navbar-default">
						<div class="container-fluid navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="#"><img src="images/logo.png" alt="logo"></a>
						</div><!-- / navbar-header -->
						<div class="navbar-collapse collapse">
							<ul class="nav navbar-nav">
								<li class="active"><a href="#">Home</a></li>
								<li><a href="#">About</a></li>
								<li><a href="#">Contact</a></li>
								<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="#">Link to page 1</a></li>
									<li><a href="#">Link to page 2</a></li>
									<li role="separator" class="divider"></li>
									<li><a href="#">Separated link</a></li>
								</ul>
								</li>
							</ul>
						</div>
					</nav><!-- / navbar-default -->
				</div><!-- / container -->
				<!-- / navbar -->
				<div class="carousel-inner">
					<!-- slide 1 -->
					<div class="item active slide1">
						<div class="container">
							<div class="carousel-caption">
								<div class="row">
									<div class="col-md-12 slider-content">
										<h3 class="slide-title animated fadeInDown"><span class="text-primary">KING</span> - BOOTSTRAP UI KIT</h3>
										<h5 class="slide-text animated fadeIn">Quisque congue ornare mauris a ornare. Sed ac felis eu tellus dignissim blandit ac ornare ante. Duis eu semper felis.</h5>
										<a href="#" class="page-scroll btn btn-lg btn-default-filled btn-pill animated fadeInUp">Find Out More</a>
										<a href="#" class="page-scroll btn btn-lg btn-primary-filled btn-pill animated fadeInUp">Download Now</a>
									</div><!-- slider-content -->
								</div><!-- / row -->
							</div><!-- / carousel-caption -->
						</div><!-- / container -->
					</div><!-- / slide 1 -->
					<!-- slide 2 -->
					<div class="item slide2">
						<div class="container">
							<div class="carousel-caption">
								<div class="row">
									<div class="col-md-12 slider-content">
										<h3 class="slide-title animated fadeInDown"><span class="text-primary">KING</span> UI KIT</h3>
										<h5 class="slide-text animated fadeIn">Quisque congue ornare mauris a ornare. Sed ac felis eu tellus dignissim blandit ac ornare ante. Duis eu semper felis.</h5>
										<a href="#" class="page-scroll btn btn-lg btn-default-filled btn-pill animated fadeInUp">Get Started</a>
										<a href="#" class="page-scroll btn btn-lg btn-primary-filled btn-pill animated fadeInUp">Buy Now</a>
									</div><!-- slider-content -->
								</div><!-- / row -->
							</div><!-- / carousel-caption -->
						</div><!-- / container -->
					</div><!-- / slide 2 -->
				</div><!-- /carousel-inner -->
				<!-- controls -->
				<a class="left carousel-control" href="#dark-slider" data-slide="prev"><span class="lnr lnr-chevron-left"></span></a>
				<a class="right carousel-control" href="#dark-slider" data-slide="next"><span class="lnr lnr-chevron-right"></span></a>
				<!-- controls -->
			</header>
			<!-- / dark slider-->
		</div><!-- / full-width -->
	</div>
	<!-- / sliders -->
	
	<div class="space-50">&nbsp;</div>
	<div class="container">
		<div class="row">
            <!-- card -->
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="images/360x200.jpg" alt="">
                    <div class="card-block">
                        <h3 class="card-title">Card Title</h3>
                        <p class="card-text">Vestibulum ac fringilla ligula. Nam volutpat  est non scelerisque.</p>
                        <a href="#" class="btn card-btn btn-primary-filled">Find Out More</a>
                    </div>
                </div><!-- / .card -->
            </div><!-- / col-md-4 -->
            <!-- / card -->

            <!-- card -->
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="images/360x200.jpg" alt="">
                    <div class="card-block text-center">
                        <h3 class="card-title">Card Title</h3>
                        <p class="card-text">Vestibulum ac fringilla ligula. Nam volutpat  est non scelerisque.</p>
                        <a href="#" class="btn card-btn btn-primary-filled">Find Out More</a>
                    </div>
                </div><!-- / .card -->
            </div><!-- / col-md-4 -->
            <!-- / card -->

            <!-- card -->
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="images/360x200.jpg" alt="">
                    <div class="card-block text-right">
                        <h3 class="card-title">Card Title</h3>
                        <p class="card-text">Vestibulum ac fringilla ligula. Nam volutpat  est non scelerisque.</p>
                        <a href="#" class="btn card-btn btn-primary-filled">Find Out More</a>
                    </div>
                </div><!-- / .card -->
            </div><!-- / col-md-4 -->
            <!-- / card -->
        </div>
    </div>
	
	<!-- blockquote -->
	<div class="container">
		<blockquote cite="http://www.worldwildlife.org/who/index.html">
		<p class="italic">For 50 years, WWF has been protecting the future of nature. </p>
		</blockquote>
	</div>
	<div class="space-10">&nbsp;</div>
	<!--/ blockquote -->

	<div class="container">
        <div class="row">
            <!-- service-block -->
            <div class="col-md-4 service-left">
                <div class="service block">
                    <div class="service-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h5>Service Title</h5>
                    <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
                </div>
            </div><!-- / col-md-4 -->
            <!-- / service-block -->

            <!-- service-block -->
            <div class="col-md-4 service-left">
                <div class="service block">
                    <div class="service-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h5>Service Title</h5>
                    <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
                </div>
            </div><!-- / col-md-4 -->
            <!-- / service-block -->

            <!-- service-block -->
            <div class="col-md-4 service-left">
                <div class="service block">
                    <div class="service-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h5>Service Title</h5>
                    <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
                </div>
            </div><!-- / col-md-4 -->
            <!-- / service-block -->
        </div><!-- / row -->
    </div>
	<div class="space-25">&nbsp;</div>
	<div class="container">
        <div class="row">
            <!-- service-block -->
            <div class="col-md-4 service-left">
                <div class="service block">
                    <div class="service-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h5>Service Title</h5>
                    <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
                </div>
            </div><!-- / col-md-4 -->
            <!-- / service-block -->

            <!-- service-block -->
            <div class="col-md-4 service-left">
                <div class="service block">
                    <div class="service-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h5>Service Title</h5>
                    <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
                </div>
            </div><!-- / col-md-4 -->
            <!-- / service-block -->

            <!-- service-block -->
            <div class="col-md-4 service-left">
                <div class="service block">
                    <div class="service-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h5>Service Title</h5>
                    <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
                </div>
            </div><!-- / col-md-4 -->
            <!-- / service-block -->
        </div><!-- / row -->
    </div>
	
	<div class="space-25">&nbsp;</div>
	
	<footer class="light-footer">
		<div class="container">
			<p class="footer-info">© 2016 - <strong>KING</strong> - Bootstrap UI Kit. All Rights Reserved.
				<span class="social pull-right">
					<a href="#"><i class="fa fa-facebook"></i></a>
					<a href="#"><i class="fa fa-twitter"></i></a>
					<a href="#"><i class="fa fa-google-plus"></i></a>
					<a href="#"><i class="fa fa-pinterest"></i></a>
					<a href="#"><i class="fa fa-linkedin"></i></a>
					<a href="#"><i class="fa fa-dribbble"></i></a>
				</span>
			</p>
		</div><!-- / container -->
	</footer>
<!-- javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<!-- / javascript -->
</body>

</html>